<template>
	<view class="content">
		<hd-navbar :showHomeIcon="false"></hd-navbar>
		<!-- 幻灯片 -->
		<hd-swiper class="rounded-md" />
		<category-icons></category-icons>
		<!-- 商品区域 -->
		<goods-commend class="mt-10"></goods-commend>
		<!-- 栏目推荐 -->
		<hd-category-commend></hd-category-commend>
		<hd-tabbar></hd-tabbar>
	</view>
</template>

<script>
	import HdSwiper from './components/swiper.vue'
	import CategoryIcons from './components/categoryIcons.vue'
	import GoodsCommend from './components/goodsCommend.vue'
	import {
		mapState
	} from 'vuex'

	export default {
		components: {
			CategoryIcons,
			GoodsCommend,
			HdSwiper,
		},
		onLoad() {
			this.$hd.initUserData()
		},
		computed: {
			...mapState('user', ['wechatInfo'])
		},
		data() {
			return {
				show: true,
			}
		},
	}
</script>

<style>
</style>
